<!--
 * @Author: jiangrun
 * @Date: 2021-04-28 11:03:37
 * @Description: 基于bootstrap、seajs、jquery简单表单表格组件
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>基于bootstrap、seajs、jquery简单表单表格组件</title>

  <!-- 引入bootstrap样式 -->
  <link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css">
  <!-- 引入font字体 -->
  <link rel="stylesheet" href="static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
  <!-- 引入自定义样式 -->
  <link rel="stylesheet" href="static/css/common.css">
  <!-- jQuery文件 -->
  <script src="static/lib/jQuery/jquery-3.6.0.js"></script>
  <!-- bootstrapjs文件 -->
  <script src="static/lib/bootstrap/js/bootstrap.js"></script>
  <!-- 引入layer -->
  <script src="static/lib/layer/layer.js"></script>
  <!-- 引入seajs -->
  <script src="static/lib/sea/sea.js"></script>
</head>
<body>
  <nav class="navbar navbar-expand-lg fixed-top page-header">
    <div class="navbar-brand">
      <img src="./static/images/logo.png" alt="logo">
    </div>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item active" data-target="top">
          <div class="nav-content">
            <img src="./static/images/top.png" alt="TOP">
            <span>TOP <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="schedule">
          <div class="nav-content">
            <img src="./static/images/schedule.png" alt="スケジュール">
            <span>スケジュール <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="forum">
          <div class="nav-content">
            <img src="./static/images/forum.png" alt="フォーラム">
            <span>フォーラム <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="file">
          <div class="nav-content">
            <img src="./static/images/file.png" alt="file">
            <span>ファイル <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="bookmark">
          <div class="nav-content">
            <img src="./static/images/bookmark.png" alt="ブックマーク">
            <span>ブックマーク <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="member">
          <div class="nav-content">
            <img src="./static/images/member.png" alt="メンバー">
            <span>メンバー <span class="sr-only">(current)</span></span>
          </div>
        </li>
        <li class="nav-item" data-target="timecard">
          <div class="nav-content">
            <img src="./static/images/timecard.png" alt="タイムカード">
            <span>タイムカード <span class="sr-only">(current)</span></span>
          </div>
        </li>
      </ul>
      <div class="login-info">
        <div class="row align-items-center">
          <img class="login-img" src="./static/images/timecard.png" alt="吉沢亮さん ">
          <span class="login-name">吉沢亮さん </span>
          <img class="login-set" src="./static/images/setting.png" alt="setting ">
        </div>
      </div>
    </div>
  </nav>
  <div class="page-content"></div>
  <script src="./js/project.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>